<template>
  <div class="image-container" style="position: fixed; z-index: -1; width: 100%">
    <el-image
      :src="mountain"
      style="
        width: 100%;
        height: 300px;
        mask-image: linear-gradient(to top, transparent, #fff);
        background-size: 70%, contain;
      "
      fit="fill"
    ></el-image>
  </div>
</template>

<script setup>
import mountain from '@/assets/img/mountain.jpg'
</script>

<style scoped></style>
